<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Dragon Baby System</title>
		<%@include  file="/commons/head.jsp"%>
	</head>
	<body>
		<div class="wrapper">
			<%@include file="/commons/header.jsp" %>
			<div class="content">
				<%@include file="/commons/menu.jsp" %>
				<div class="primary">
					<h1>现在只是个提交页面</h1>
					<p>
						这里可以加一段话，长短随意。
					</p>
					<table cellspacing="0" id="playlistTable">
						<caption>用户信息表</caption>
						<thead>
							<tr>
								<th scope="col">姓名</th>
								<th scope="col">电子邮件</th>
								<th scope="col">手机</th>
								<th scope="col">公司名称</th>
								<th scope="col">地址</th>
							</tr>
						</thead>
						<tbody>
							<s:iterator status="sta" value="page.result">
								<tr class="${sta.index%2==0?'odd':''}">
									<td>${name}</td>
									<td>${email}</td>
									<td>${cellPhone}</td>
									<td>${company}</td>
									<td>${address}</td>
								</tr>
							</s:iterator>						
						</tbody>
						<tfoot>
							<tr><td colspan="5" align="right">
								<ui:page page="${page}" pageNum="10" />
							</td></tr>
						</tfoot>
					</table>
					<form id="comments_form" action="#" method="post">
						<fieldset>
							<legend>
								Your Contact Details
							</legend>
							<div>
								<label for="author">Name: <em class="required">(Required)</em></label>
								<input name="author" id="author" type="text" />
							</div>
							<s:textfield theme="xhtml" key="code.codeName" required="true" size="9"/>
							<s:textfield theme="xhtml" key="code.codeName" size="9"/>
							<s:textfield theme="xhtml" key="code.codeName" size="9"/>
							<div>
								<label for="email">Email Address is really, really, really really long: <em class="feedback">Incorrect email address. Please try again.</em></label>
								<input name="email" id="email" type="text" />
							</div>
							<div>
								<label for="url">Web Address:</label>
								<input name="url" id="url" type="text" />
							</div>
						</fieldset>
						<fieldset>
							<legend>
								Personal Information
							</legend>
							<div>
								<label for="nation">Place of Birth: </label>
								<select id="nation" name="nation">
									<option value="USA" selected="selected">USA</option>
									<option value="UK">United Kingdom</option>
								</select>
							</div>
							<div>
								<label for="dateOfBirth">Date of Birth:</label>
								<input name="dateOfBirth" id="dateOfBirth" type="text"  />
								<select name="monthOfBirth" id="monthOfBirth">
									<option value="1">January</option>
									<option value="2">February</option>
									<option value="3">March</option>
								</select>
								<input name="yearOfBirth" id="yearOfBirth" type="text" />
							</div>
							<fieldset id="favoriteColor">
								<label>Favorite Color:</label>
								<ul class="col">
									<li><label><input class="checkbox" id="red" name="red" type="checkbox" value="red" />red</label></li>
									<li><label><input class="checkbox" id="yellow" name="yellow" type="checkbox" value="yellow" />yellow</label></li>
									<li><label><input class="checkbox" id="pink" name="pink" type="checkbox" value="pink" />pink</label></li>
									<li><label><input class="checkbox" id="green" name="green" type="checkbox" value="green" />green</label></li>
									<li><label><input class="checkbox" id="orange" name="orange" type="checkbox" value="orange" />orange</label></li>
									<li><label><input class="checkbox" id="purple" name="purple" type="checkbox" value="purple" />purple</label></li>
									<li><label><input class="checkbox" id="blue" name="blue" type="checkbox" value="blue" />blue</label></li>
									<li><label><input class="checkbox" id="other" name="other" type="checkbox" value="other" />other</label></li>
								</ul>
							</fieldset>
						</fieldset>
						<fieldset>
							<legend>
								Comments
							</legend>
							<div>
								<label for="text">Message: <em class="required">(Required)</em></label>
								<textarea name="text" id="text" cols="20" rows="10"></textarea>
							</div>
						</fieldset>
						<fieldset id="remember-me">
							<legend>
								Remember Me
							</legend>
							<div>
								<label for="remember-yes">
									<input id="remember-yes" class="radio" name="remember" type="radio" value="yes" />
									Yes</label>
							</div>
							<div>
								<label for="remember-no">
									<input id="remember-no" class="radio" name="remember" type="radio" value="no" checked="checked" />
									No</label>
							</div>
						</fieldset>
						<div>
							<button type="submit">
								Book Now &gt;&gt;
							</button>
						</div>
					</form>
				</div>
			</div>
			<%@include file="/commons/footer.jsp" %>
		</div>
	</body>
</html>
